<form method="POST" action="<?php echo base_url() ?>songs/processUpdate/<?php echo $songs['id'] ?>" enctype=multipart/form-data>
    <div class="tabbable tabs-below">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#A" data-toggle="tab">Song's Data</a></li>
            <li class=""><a href="#B" data-toggle="tab">Audio</a></li>
            <li class=""><a href="#C" data-toggle="tab">Video</a></li>
            <li class=""><a href="#RTSP" data-toggle="tab">RTSP/RTMP URL</a></li>
            <li class=""><a href="#D" data-toggle="tab">::Action::</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="A">
                <div class="mediaWrapper row-fluid">
                    <div class="span6 imginfo">
                        <img src="<?php echo base_url() . $songs['path_thumbnail'] ?>" alt="" class="imgpreview img-polaroid" />


                        <p>
                            <strong>Upload Date:</strong> <?php echo Tanggal::formatDate($songs['insert_date']) ?> <br/>
                            <strong>Play :</strong> <?php //echo $songs['title']     ?> <br />
                            <strong>Rating :</strong> <?php //echo $songs['description']     ?> <br />

                        </p>
                    </div><!--span3-->
                    <div class="span6 imgdetails">

                        <p>
                            <label>Song's Code :</label>
                            <input type="text" class="input-block-level" placeholder="Song's Code" name="kode" title="Song's Code" value="<?php echo $songs['kode'] ?>"/>
                        </p>   
                        <p>
                            <label>Title :</label>
                            <input type="text" class="input-block-level" placeholder="Title" name="title" title="Title" value="<?php echo $songs['title'] ?>"/>
                        </p>

                        <p>
                            <label>Artist :</label>
                            <input type="text" class="input-block-level" placeholder="Artist" name="artist" title="Artist" value="<?php echo $songs['artist'] ?>"/>
                        </p>

                        <p>
                            <label>Genre :</label>
                            <input type="text" autocomplete="off" class="input-block-level" placeholder="Genre" name="genre" title="Genre" value="<?php echo $songs['genre'] ?>"
                                   data-provide="typeahead" data-items="<?php echo count($genres); ?>" data-source='[ "",
                                   <?php
                                   foreach ($genres as $row) {
                                       echo '"' . $row['genre'] . '",';
                                   }
                                   ?>
                                   "" ]'
                                   />
                        </p>
                        <p>
                            <label>Country :</label>
                            <input type="text" autocomplete="off" class="input-block-level" placeholder="Country" name="country" title="Country" value="<?php echo $songs['country'] ?>"
                                   data-provide="typeahead" data-items="<?php echo count($countries); ?>" data-source='[ "",
                                   <?php
                                   foreach ($countries as $row) {
                                       echo '"' . $row['country'] . '",';
                                   }
                                   ?> 
                                   "" ]'
                                   />
                        </p>

                        <p>
                            <label>Album :</label>
                            <input type="text" class="input-block-level" placeholder="Title News" name="album" title="Album" value="<?php echo $songs['album'] ?>"/>
                        </p>

                        <p>
                            <label>Song / Album Thumbnail (.jpg/.png) :</label>
                            <input type="file" placeholder="Image Thumbnail" class="input-xlarge" name="path_thumbnail"> <br/>
                            <sub style="color:red;">*kosongkan jika Album Thumbnail tidak diganti</sub>
                        </p>

                    </div><!--span3-->
                </div><!--imageWrapper-->
            </div>
            <div class="tab-pane" id="B">
                <div class="mediaWrapper row-fluid">
                    <div class="span12 imginfo" style="text-align: center">
                        <p>
                            <audio controls>
                                <source src="<?php echo base_url() . $audio ?>" type="audio/mpeg">
                                Your browser does not support the audio element.
                            </audio> 
                        <p>
                            <label>Audio File (.mp3) :</label>
                            <input type="file" placeholder="Image Thumbnail" class="input-xlarge" name="path_file_audio">
                            <br/> <sub style="color:red;">*kosongkan jika File Audio tidak diganti</sub>

                        </p>

                        </p>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="C">
                <div class="mediaWrapper row-fluid">
                    <div class="span12 imginfo" style="text-align: center">

                        <object width="600" height="409"> <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param><param name="flashvars" value="src=rtmp%3A%2F%2F127.0.0.1%2Fvod%2Fmp3%3Amjkt-JKT48-Baby-328347.mp3&poster=http%3A%2F%2Fosmf.org%2Fimages%2Fposter_cathy_fmp.jpg"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="409" flashvars="src=<?php echo base_url() . $video ?>&poster=<?php echo base_url() . $songs['path_thumbnail'] ?>"></embed></object>
                        <p>
                            <label>Video File (.mp4/.flv/.mov) :</label>
                            <input type="file" placeholder="Image Thumbnail" class="input-xlarge" name="path_file_video"> 
                            <br/> <sub style="color:red;">*kosongkan jika File Video tidak diganti</sub>
                        </p>

                    </div>
                </div>
            </div>
            <div class="tab-pane" id="RTSP">
                <div class="mediaWrapper row-fluid">
                    <div class="span12 imginfo" style="text-align: center">
                        <p>                          
                            <label>Audio Streaming :</label>
                        <h5><strong><?php echo $rtsp['audio'] ?></strong></h5>

                        </p>
                        <p>                          
                            <label>Video Streaming :</label>
                        <h5><strong><?php echo $rtsp['video'] ?></strong></h5>     
                        </p>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="D">
                <div class="mediaWrapper row-fluid">
                    <div class="span12 imginfo" style="text-align: center">
                        <p>
                            <button class="btn btn-primary" onClick="this.form.submit();"><span class="icon-ok icon-white"></span> Save Changes</button> &nbsp; &nbsp;

                            <a href = '<?php echo base_url() ?>songs/processDelete/<?php echo $songs['id'] ?>' class="btn" onClick="return confirm('Anda yakin akan menghapus?')"><span class="icon-trash"></span> Delete</a> 


                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>

</form>

